<template>
  <div class="blog_detail_container">
    <!--header-->
    <bolean-header></bolean-header>
    <!--blog_detail_tag-->
    <div class="blog_detail_tag">
    </div>
    <!--blog-content-->
    <div class="blog_detail">
    </div>
    <!--leave-message-->
    <div class="leave_message">
      <bolean-leave-message-card></bolean-leave-message-card>
    </div>
    <!--login-->
    <div class="login_send_mes">
    </div>
    <!--comment-->
    <div class="comment">
      <bolean-form v-on:comment='comment'></bolean-form>
    </div>
  </div>
</template>
<script>
import Header from "@/components/Header";
import LeaveMessageCard from "@/components/LeaveMessageCard";
import Form from "@/components/Form";
let _self = this;
export default {
  data() {
    return {
      breadcrumb: [],  // 面包屑数据
      username: "",  // 用户名
      blog_detail: {}  // 博客详情
    };
  },
  components: {
    "bolean-header": Header,
    "bolean-leave-message-card": LeaveMessageCard,
    "bolean-form": Form
  },
  methods: {
    // 获取博客详情
    getBlogDetail: function(id = 1) {
    },
    // 发表评论
    comment: function(params) {
    }
  }
};
</script>
<style lang="less">
@import "../styles/base.less";
</style>


